<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/list.css">
</head>

<body>
    <!-- 头部 S -->
    <div class="ifra">
        <iframe src="./header.html" frameborder="0" width="1024px" height="150px"></iframe>
    </div>
    <!-- 头部 E -->

    <!-- 主体 S -->
    <div class="body">
        <ul>
            <li class="carlist_title">
                <div class="checkbox">
                    <input type="checkbox" id="c_all"><span>全选</span>
                </div>
                <div class="goods_pic">
                    <span>商品图片</span>
                </div>
                <div class="goods_info">
                    <span>商品名称/出售者/联系方式</span>
                </div>
                <div class="goods_price">
                    <span>价格</span>
                </div>
            </li>
            <li class="goods_title">
                <div class="checkbox">
                    <input type="checkbox" id="c_all">
                </div>
                <div class="goods_pic">
                    <img src="./imgs/list1.jpg" alt="">
                </div>
                <div class="goods_info">
                    <p>杜比环绕，家庭影院必备，超真实享受</p>
                    <p>出售者: ling112233</p>
                    <div class="commu">
                        <a href="#"><img src="./imgs/online_pic.gif" alt=""></a>
                        <a href="#"><img src="./imgs/addfav.gif" alt="">
                            <span>收藏</span>
                        </a>
                    </div>
                </div>
                <div class="goods_price">
                    <p>一口价：</p>
                    <p>2833.0</p>
                </div>
            </li>
            <li class="goods_title">
                <div class="checkbox">
                    <input type="checkbox" id="c_all">
                </div>
                <div class="goods_pic">
                    <img src="./imgs/list2.jpg" alt="">
                </div>
                <div class="goods_info">
                    <p>NVDIA 9999GT 512MB 256bit极品显卡，不容错过</p>
                    <p>出售者: aipiaopiao110</p>
                    <div class="commu">
                        <a href="#"><img src="./imgs/online_pic.gif" alt=""></a>
                        <a href="#"><img src="./imgs/addfav.gif" alt="">
                            <span>收藏</span>
                        </a>
                    </div>
                </div>
                <div class="goods_price">
                    <p>一口价：</p>
                    <p>2460.0</p>
                </div>
            </li>
            <li class="goods_title">
                <div class="checkbox">
                    <input type="checkbox" id="c_all">
                </div>
                <div class="goods_pic">
                    <img src="./imgs/list3.jpg" alt="">
                </div>
                <div class="goods_info">
                    <p>精品热卖：高清晰，30寸等离子电视</p>
                    <p>出售者: 阳光的挣扎</p>
                    <div class="commu">
                        <a href="#"><img src="./imgs/online_pic.gif" alt=""></a>
                        <a href="#"><img src="./imgs/addfav.gif" alt="">
                            <span>收藏</span>
                        </a>
                    </div>
                </div>
                <div class="goods_price">
                    <p>一口价：</p>
                    <p>18880</p>
                </div>
            </li>
            <li class="goods_title">
                <div class="checkbox">
                    <input type="checkbox" id="c_all">
                </div>
                <div class="goods_pic">
                    <img src="./imgs/list4.jpg" alt="">
                </div>
                <div class="goods_info">
                    <p>Sony索尼家用最新款笔记本</p>
                    <p>出售者: 疯狂的镜无</p>
                    <div class="commu">
                        <a href="#"><img src="./imgs/online_pic.gif" alt=""></a>
                        <a href="#"><img src="./imgs/addfav.gif" alt="">
                            <span>收藏</span>
                        </a>
                    </div>
                </div>
                <div class="goods_price">
                    <p>一口价：</p>
                    <p>5889.0</p>
                </div>
            </li>
        </ul>
    </div>
    <!-- 主体 E -->

    <!-- 底部 S -->
    <div class="ifra">
        <iframe src="./footer.html" frameborder="0" width="1024px" height="160px"></iframe>
    </div>
    <!-- 底部 E -->
</body>

</html>